<template>
	<div class="headWrap">
		<p>毒鸡汤</p>
		<button class="dianzan" @click="dianzan">
			点赞({{zan}})
		</button>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				zan: 1842
			}
		},
		methods:{
			dianzan(){
				this.zan++;
			}
		}
	}
</script>

<style lang="scss">
	.headWrap{
		// width: 988px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		p{
			color: #333333;
			font-size: 20px;
		}
		.dianzan{
			height: 24px;
			border: 1px solid #ccc;
			background-color: #fff;
			padding: 3px 5px;
			cursor: pointer;
			font-size: 12px;
			
		}
	}
</style>
